
 <!DOCTYPE HTML>
<html lang="English">
<head>
  <meta charset="UTF-8">
  <meta name="baidu_union_verify" content="d1952c66cf48912e21c18c7c581f382a">
  <meta name="360-site-verification" content="67fbcc5a67f4c65c057315b28fa0b2c8" />
<meta name="google-site-verification" content="2GzxQ0VtXwTSUdmGm6DzcmhTzM_I9QmzCb_pzpMzD88" />
  
    <title>How to set up your own blog system? | Life not only codes but also has coffee.</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, minimum-scale=1">
    
    <meta name="author" content="Daiyumeng">
    
    <meta name="description" content="IntroduceHi,i am Alice, so glad to meet you here ，today , i will share an article about how to set up your own blog using gitee and hexo , welcome eve">
    
    
    
    
    <link rel="alternate" href="atom.xml" title="Life not only codes but also has coffee." type="application/atom+xml">
    
    
    <link rel="icon" href="/img/favicon.ico">
    
    
    <link rel="stylesheet" href="/css/style.css">
    
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            var _bdId ='391982416296a0d54221f59fe35250d4';
             hm.src = "//hm.baidu.com/hm.js?" + _bdId;
             var s = document.getElementsByTagName("script")[0]; 
             s.parentNode.insertBefore(hm, s);
        })();
    </script>
     
</head>

  <body>
    <header>
      <div>
		
			<div id="textlogo">
				<h1 class="site-name"><a href="/" title="Life not only codes but also has coffee.">Life not only codes but also has coffee.</a></h1>
				<a class="blog-motto"></a>
			</div>
			<div class="navbar"><a class="navbutton navmobile" href="#" title="Menu">
			</a></div>
			<nav class="animated">
				<ul>
					<ul>
					 
						<li><a href="/">首页</a></li>
					
						<li><a href="/archives">归档</a></li>
					
					<li>
					
                                            <form class="search" action=http://zhannei.baidu.com/cse/search target="_blank">
                                            <label>Search</label>
                                        <input name="s" type="hidden" value=  ><input type="text" name="q" size="30" placeholder="Search"><br>
					
					</li>
				</ul>
                            </nav>			
</div>

    </header>
    <div id="container">
      <div id="main" class="post" itemscope itemprop="blogPost">
	<article itemprop="articleBody"> 
		<header class="article-info clearfix">
  <h1 itemprop="name">
    
      <a href="/2018/02/01/How to set up your own blog system/" title="How to set up your own blog system?" itemprop="url">How to set up your own blog system?</a>
  </h1>
  <p class="article-author">By
    
      <a href="http://yoursite.com" title="Daiyumeng">Daiyumeng</a>
    </p>
  <p class="article-time">
    <time datetime="2018-01-31T16:00:00.000Z" itemprop="datePublished">2018-02-01</time>
    Updated:<time datetime="2018-03-19T15:55:55.724Z" itemprop="dateModified">2018-03-19</time>
    
  </p>
</header>
	<div class="article-content">
		
		
		<div id="toc" class="toc-article">
			<strong class="toc-title">Contents</strong>
		<ol class="toc"><li class="toc-item toc-level-3"><a class="toc-link" href="#Introduce"><span class="toc-number">1.</span> <span class="toc-text">Introduce</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Article-outline"><span class="toc-number">2.</span> <span class="toc-text">Article outline</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Part-one-Local-operation"><span class="toc-number">3.</span> <span class="toc-text">Part one:Local operation</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Part-two-Online-deployment"><span class="toc-number">4.</span> <span class="toc-text">Part two:Online deployment</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Share-the-problem"><span class="toc-number">5.</span> <span class="toc-text">Share the problem</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Get-more-information"><span class="toc-number">6.</span> <span class="toc-text">Get more information</span></a></li></ol>
		</div>
		
		<h3 id="Introduce"><a href="#Introduce" class="headerlink" title="Introduce"></a>Introduce</h3><p>Hi,i am Alice, so glad to meet you here ，today , i will share an article about how to set up your own blog using gitee and hexo , welcome everyone to guides.<br>ok. please follow me enter today’s topic.</p>
<h3 id="Article-outline"><a href="#Article-outline" class="headerlink" title="Article outline"></a>Article outline</h3><p>First of all , I’ll introduce about the structure of the article, it includes three parts:<br>1、steps gradually implement the blog system<br>2、a summary of the problems in the process of realization this system (smalllemon.gitee.io )<br>3、recommend the same article links for you.</p>
<h3 id="Part-one-Local-operation"><a href="#Part-one-Local-operation" class="headerlink" title="Part one:Local operation"></a>Part one:Local operation</h3><p>Please give me the rights to introduce the procedure. firstly , please global install the hexo in your personal computer using the command named “ npm install -g hexo-cli “ whick you can ask the git command line tools for help, Wait a minute, The prerequisite is finish install of the latest version of node.js because of the main tools is npm , the full name is node package manager; secondly, new a file folder in your local disk and enter this folder to open the git command line tools to init project,when finish project installation, the structure of project will display in your folder. Above of all is ok , next you need generate those resources using the command named “hexo g” and “hexo d” to local deployment after finish “npm install hexo-deployer –save”. Most importantly , “hexo s ” will test the above operation in a browser right or not by previewing it correctly.<br>Relax and drink a cup of tea， up to now , we have only done half the job. Next, let’s welcome the core figures with a warm applause.</p>
<h3 id="Part-two-Online-deployment"><a href="#Part-two-Online-deployment" class="headerlink" title="Part two:Online deployment"></a>Part two:Online deployment</h3><p>The mian work of this part is deploying project online. Startly, register your’s own account on the code cloud and new a project in this repository ， next in importance， a list of commond , such as “ git config –global user.name “your account name” &amp;&amp; “git config –global user.email “your email information “ to verify your personal information , then, “ npm install hexo-deployer –save” , nextly, “hexo g” and “hexo d” can push the local resources to the internet , ok, fresh the code cloud you will see the change : repository is filled by the local file. Last and importantly , you should open the service of the code cloud, the way is chosing pages tags which contained by the service options in code cloud repository.<br>Congratulations on you learned how to build your own blog！</p>
<h3 id="Share-the-problem"><a href="#Share-the-problem" class="headerlink" title="Share the problem"></a>Share the problem</h3><p>Ok,share the problem which i met may help you quickly finish this work.The problem occured in the second part of work: The git command line tools show me that the username was wrong , then i used the command “hexo clean” to remove caches ,nextly, i add the ssh key to the code cloud and changed the file which used to config this blog system,and regenerated the local resource before push to line ,then “hexo d” show me a good thing.</p>
<h3 id="Get-more-information"><a href="#Get-more-information" class="headerlink" title="Get more information"></a>Get more information</h3><p>If you want see more information,you can open “ <a href="http://lowrank.science/Hexo-Github/“" target="_blank" rel="noopener">http://lowrank.science/Hexo-Github/“</a> and “<a href="http://blog.csdn.net/Greenovia/article/details/60576985“" target="_blank" rel="noopener">http://blog.csdn.net/Greenovia/article/details/60576985“</a>.<br>After finish write the first article ,invite all of you show me the mistake and give me advice , Thank you all of you!</p>
  
	</div>
		<footer class="article-footer clearfix">




<div class="article-share" id="share">

  <div data-url="http://yoursite.com/2018/02/01/How to set up your own blog system/" data-title="How to set up your own blog system? | Life not only codes but also has coffee." data-tsina="" class="share clearfix">
  </div>

</div>
</footer>   	       
	</article>
	
<nav class="article-nav clearfix">
 
 <div class="prev" >
 <a href="/2018/02/15/To meet the unknown/" title="To meet the unknown">
  <strong>PREVIOUS:</strong><br/>
  <span>
  To meet the unknown</span>
</a>
</div>


</nav>

	
<section class="comment">
	
	<div class="ds-thread" data-title="How to set up your own blog system?" data-thread-key="How to set up your own blog system" data-author-key="Daiyumeng" data-url="http://yoursite.com/post/How to set up your own blog system"></div>
	
</section>


</div>  
      <div class="openaside"><a class="navbutton" href="#" title="Show Sidebar"></a></div>

  <div id="toc" class="toc-aside">
  <strong class="toc-title">Contents</strong>
  <ol class="toc"><li class="toc-item toc-level-3"><a class="toc-link" href="#Introduce"><span class="toc-number">1.</span> <span class="toc-text">Introduce</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Article-outline"><span class="toc-number">2.</span> <span class="toc-text">Article outline</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Part-one-Local-operation"><span class="toc-number">3.</span> <span class="toc-text">Part one:Local operation</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Part-two-Online-deployment"><span class="toc-number">4.</span> <span class="toc-text">Part two:Online deployment</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Share-the-problem"><span class="toc-number">5.</span> <span class="toc-text">Share the problem</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Get-more-information"><span class="toc-number">6.</span> <span class="toc-text">Get more information</span></a></li></ol>
  </div>

<div id="asidepart">
<div class="closeaside"><a class="closebutton" href="#" title="Hide Sidebar"></a></div>
<aside class="clearfix">
<div id="authorInfo">
	
		<div class="author-logo"></div>		
	
	<div class="social-list" class="clearfix">
		
		
		
		
		
	</div>
</div>

  

  

  <div class="linkslist">
  <p class="asidetitle">Links</p>
    <ul>
      <li><a href="http://hexo.io" target="_blank" title="Hexo">Hexo</a></li>
      <li><a href="http://gengbiao.me" target="_blank" title="coney">coney's Blog</a></li>
    </ul>
</div>


  <div class="rsspart">
	<a href="atom.xml" target="_blank" title="rss">RSS</a>
</div>

  

</aside>
</div>
    </div>
    <footer><div id="footer" >
    
            <p class="copyright"> © 2018 
		
		<a href="http://yoursite.com" target="_blank" title="Daiyumeng">Daiyumeng</a>
		
            && Powered by <a href="http://hexo.io" target="_blank" title="hexo">hexo</a> && Theme by <a href="http://gengbiao.me" target="_blank" title="coney">coney</a>
            </div>
</footer>
    <script src="/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  $('.navbar').click(function(){
    $('header nav').toggleClass('shownav');
  });
  var myWidth = 0;
  function getSize(){
    if( typeof( window.innerWidth ) == 'number' ) {
      myWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth) {
      myWidth = document.documentElement.clientWidth;
    };
  };
  var m = $('#main'),
      a = $('#asidepart'),
      c = $('.closeaside'),
      o = $('.openaside');
  $(window).resize(function(){
    getSize(); 
    if (myWidth >= 1024) {
      $('header nav').removeClass('shownav');
    }else
    {
      m.removeClass('moveMain');
      a.css('display', 'block').removeClass('fadeOut');
      o.css('display', 'none');
      
      $('#toc.toc-aside').css('display', 'none');
        
    }
  });
  c.click(function(){
    a.addClass('fadeOut').css('display', 'none');
    o.css('display', 'block').addClass('fadeIn');
    m.addClass('moveMain');
  });
  o.click(function(){
    o.css('display', 'none').removeClass('beforeFadeIn');
    a.css('display', 'block').removeClass('fadeOut').addClass('fadeIn');      
    m.removeClass('moveMain');
  });
  $(window).scroll(function(){
    o.css("top",Math.max(80,260-$(this).scrollTop()));
  });
});
</script>

<script type="text/javascript">
$(document).ready(function(){ 
  var ai = $('.article-content>iframe'),
      ae = $('.article-content>embed'),
      t  = $('#toc'),
      h  = $('article h2')
      ah = $('article h2'),
      ta = $('#toc.toc-aside'),
      o  = $('.openaside'),
      c  = $('.closeaside');
  if(ai.length>0){
    ai.wrap('<div class="video-container" />');
  };
  if(ae.length>0){
   ae.wrap('<div class="video-container" />');
  };
  if(ah.length==0){
    t.css('display','none');
  }else{
    c.click(function(){
      ta.css('display', 'block').addClass('fadeIn');
    });
    o.click(function(){
      ta.css('display', 'none');
    });
    $(window).scroll(function(){
      ta.css("top",Math.max(140,320-$(this).scrollTop()));
    });
  };
});
</script>


<script type="text/javascript">
$(document).ready(function(){ 
  var $this = $('.share'),
      url = $this.attr('data-url'),
      encodedUrl = encodeURIComponent(url),
      title = $this.attr('data-title'),
      tsina = $this.attr('data-tsina');
  var html = [
  '<a href="#" class="overlay" id="qrcode"></a>',
  '<div class="qrcode clearfix"><span>扫描二维码分享到微信朋友圈</span><a class="qrclose" href="#share"></a><strong>Loading...Please wait</strong><img id="qrcode-pic" data-src="http://s.jiathis.com/qrcode.php?url=' + encodedUrl + '"/></div>',
  '<a href="#textlogo" class="article-back-to-top" title="Top"></a>',
  '<a href="https://www.facebook.com/sharer.php?u=' + encodedUrl + '" class="article-share-facebook" target="_blank" title="Facebook"></a>',
  '<a href="#qrcode" class="article-share-qrcode" title="QRcode"></a>',
  '<a href="https://twitter.com/intent/tweet?url=' + encodedUrl + '" class="article-share-twitter" target="_blank" title="Twitter"></a>',
  '<a href="http://service.weibo.com/share/share.php?title='+title+'&url='+encodedUrl +'&ralateUid='+ tsina +'&searchPic=true&style=number' +'" class="article-share-weibo" target="_blank" title="Weibo"></a>',
  '<span title="Share to"></span>'
  ].join('');
  $this.append(html);
  $('.article-share-qrcode').click(function(){
    var imgSrc = $('#qrcode-pic').attr('data-src');
    $('#qrcode-pic').attr('src', imgSrc);
    $('#qrcode-pic').load(function(){
        $('.qrcode strong').text(' ');
    });
  });
});     
</script>


<script type="text/javascript">
  var duoshuoQuery = {short_name:""};
  (function() {
    var ds = document.createElement('script');
    ds.type = 'text/javascript';ds.async = true;
    ds.src = '//static.duoshuo.com/embed.js';
    ds.charset = 'UTF-8';
    (document.getElementsByTagName('head')[0] 
    || document.getElementsByTagName('body')[0]).appendChild(ds);
  })();
</script> 






<script>
    
        var _bdImg = '4';
    
    window._bd_share_config={
        "common":{
            "bdSnsKey":{

            },
            "bdText":"",
            "bdMini":"2",
            "bdMiniList":[
                "qzone",
                "tsina",
                "weixin",
                "renren",
                "tqq",
                "tieba",
                "douban",
                "sqq",
                "diandian",
                "huaban",
                "youdao",
                "mail",
                "ty",
                "fbook",
                "twi",
                "linkedin",
                "copy",
                "print"
            ],
            "bdPic":"",
            "bdStyle":"0",
            "bdSize":"16"
        },
        "slide":{
            "type":"slide",
            "bdImg":_bdImg,
            "bdPos":"right",
            "bdTop":"350"
        },
        "image":{
            "viewList":[
                "weixin",
                "qzone",
                "tsina",
                "renren",
                "douban",
                "tqq"
            ],
            "viewText":"分享：",
            "viewSize":"16"
        },
        "selectShare":{
            "bdContainerClass":null,
            "bdSelectMiniList":[
                "weixin",
                "qzone",
                "tsina",
                "renren",
                "douban",
                "tqq"
            ]
        }
    };
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>




<script type="text/javascript">
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '', '');  
ga('send', 'pageview');
</script>


  </body>
</html>

